.module-city-5, .module-city-6, .module-tuijian {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  background-color: #d1d5d4;
  color: #fff; }

html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%; }

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a:active, a:hover {
  outline: 0; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

.site-container {
  width: 100%;
  height: 100%; }
  .site-container .page-section {
    position: relative;
    width: 100%;
    height: 100%; }

.background-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-position: 50% 50%; }

* {
  font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }

#heaer-nav-close-img {
  text-decoration: none;
  cursor: pointer; }

.f1 {
  font-family: "HelveticaNeueLTPro-ThEx33"; }

.c1 {
  color: #00d7ff; }

@font-face {
  font-family: 'graphik-light';
  src: url("../fonts/graphik/Graphik-Light-Web.eot");
  src: url("../fonts/graphik/Graphik-Light-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Light-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Light-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Light-Web.svg#graphik-light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'graphik-semibold';
  src: url("../fonts/graphik/Graphik-Semibold-Web.eot");
  src: url("../fonts/graphik/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Semibold-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Semibold-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Semibold-Web.svg#graphik-semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'graphik-black-italic';
  src: url("../fonts/graphik/Graphik-BlackItalic-Web.eot");
  src: url("../fonts/graphik/Graphik-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-BlackItalic-Web.woff") format("woff"), url("../fonts/graphik/Graphik-BlackItalic-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-BlackItalic-Web.svg#graphik-black-italic") format("svg");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal; }
@font-face {
  font-family: 'flama-condensed-bold';
  src: url("../fonts/flama/FlamaCondensed-Bold.eot");
  src: url("../fonts/flama/FlamaCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/flama/FlamaCondensed-Bold.woff") format("woff"), url("../fonts/flama/FlamaCondensed-Bold.ttf") format("truetype"), url("../fonts/flama/FlamaCondensed-Bold.svg#flama-condensed-bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'flama-condensed-semibold';
  src: url("../fonts/flama/FlamaCondensed-Semibold.eot");
  src: url("../fonts/flama/FlamaCondensed-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/flama/FlamaCondensed-Semibold.woff") format("woff"), url("../fonts/flama/FlamaCondensed-Semibold.ttf") format("truetype"), url("../fonts/flama/FlamaCondensed-Semibold.svg#FlamaCondensed-Semibold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'flama-semicondensed-ultralight';
  src: url("../fonts/flama/FlamaSemicondensed-Ultralight.eot");
  src: url("../fonts/flama/FlamaSemicondensed-Ultralight.eot?#iefix") format("embedded-opentype"), url("../fonts/flama/FlamaSemicondensed-Ultralight.woff") format("woff"), url("../fonts/flama/FlamaSemicondensed-Ultralight.ttf") format("truetype"), url("../fonts/flama/FlamaSemicondensed-Ultralight.svg#flama-semicondensed-ultralight") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'FlamaLight';
  font-style: normal;
  font-weight: normal;
  src: local("Tangerine"), url("../fonts/HelveticaNeueLTPro/FlamaLight.otf") format("opentype"); }
@font-face {
  font-family: 'HelveticaNeueLTPro-ThEx33';
  font-style: normal;
  font-weight: normal;
  src: local("Tangerine"), url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx33.otf") format("opentype"); }
#loading {
  background: #e5e5e5;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999; }
  #loading .loading-container {
    position: relative;
    width: 395px;
    margin: 0 auto;
    top: 50%;
    margin-top: -70px; }
    #loading .loading-container .bike {
      position: absolute;
      left: 127px;
      top: -5px; }
    #loading .loading-container .logo-view {
      position: relative;
      clear: both;
      height: 92px; }
      #loading .loading-container .logo-view .progress-icon {
        position: absolute;
        height: 100%;
        width: 100%;
        background-size: cover; }
      #loading .loading-container .logo-view .light {
        background: url(../image/loading-light.png) no-repeat; }
      #loading .loading-container .logo-view .dark {
        background: url(../image/loading-dark.png) no-repeat; }
    #loading .loading-container .text-img {
      margin-left: 107px;
      margin-top: 23px;
      margin-bottom: 8px; }
    #loading .loading-container .loading-percent {
      font-size: 20px;
      font-style: italic;
      text-align: center; }
  @media screen and (min-width: 320px) {
    #loading .loading-container {
      transform: scale(0.7);
      margin-left: -30px; } }
  @media screen and (min-width: 480px) {
    #loading .loading-container {
      transform: scale(1);
      margin-left: auto; } }

.sub-page #site-header {
  position: static; }

#site-header {
  position: fixed;
  width: 100%;
  z-index: 900;
  margin: 0px; }
  #site-header .menu-arrow {
    cursor: pointer;
    -webkit-animation-duration: 3s;
    animation-duration: 3s; }
  #site-header .band {
    margin-left: 11px;
    margin-top: 5px; }
  #site-header .right-menu {
    float: right;
    transition: all .3s;
    position: relative;
    padding-top: 18px; }
    #site-header .right-menu .fa-times {
      display: none; }
    #site-header .right-menu.active .fa-bars {
      display: none; }
    #site-header .right-menu.active .fa-times {
      display: inline-block; }
    #site-header .right-menu a {
      font-size: 28px;
      color: #333;
      margin: 0 15px; }
      #site-header .right-menu a.menu-icon {
        display: none;
        margin-right: 21px; }
    #site-header .right-menu .menu-tmall img {
      margin-top: -7px; }

#heaer-nav-close-img {
  display: none;
  position: fixed;
  right: 400px;
  top: 30px;
  z-index: 999; }
  #heaer-nav-close-img.active {
    display: inline-block; }

@media screen and (max-width: 480px) {
  #site-header .band, #site-header .menu-tmall, #site-header .menu-arrow {
    display: none; }
  #site-header .menu-icon {
    display: inline-block !important; }
  #site-header .right-menu.active {
    z-index: 900;
    margin-right: 0px; }

  .header-nav.active {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%; }
    .header-nav.active .nav-item a {
      line-height: 1.5em; }

  #heaer-nav-close-img.active {
    display: inline-block;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000; } }
@media screen and (max-width: 767px) {
  #site-header {
    position: static; } }
.header-nav {
  position: fixed;
  right: -380px;
  width: 380px;
  height: 100%;
  background: #00d7ff;
  transition: all .3s;
  padding-left: 80px;
  padding-top: 50px;
  transition: all .3s;
  z-index: 900; }
  .header-nav.active {
    right: 0px;
    top: 0px; }
  .header-nav .nav-item .zh {
    display: none; }
  .header-nav .nav-item a {
    font-size: 24px;
    color: #323237;
    text-decoration: none;
    line-height: 1.8em;
    font-family: "HelveticaNeueLTPro-ThEx33"; }
  .header-nav .nav-item:hover a {
    color: #fff; }
  .header-nav .nav-item:hover .en {
    display: none; }
  .header-nav .nav-item:hover .zh {
    display: block; }
  .header-nav .share {
    padding: 30px 0; }
    .header-nav .share .social-link {
      margin-right: 20px; }
      .header-nav .share .social-link img {
        transition: all .3s; }
      .header-nav .share .social-link:hover img {
        transform: scale(1.2); }
  .header-nav .customize a {
    display: inline-block;
    background-color: yellow;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: all .3s; }
    .header-nav .customize a:hover {
      transform: scale(1.1);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.module-city-3-summary-info .title {
  font-family: "FlamaLight" !important; }
.module-city-3-summary-info .description {
  font-family: "HelveticaNeueLTPro-ThEx33" !important; }
  .module-city-3-summary-info .description span {
    font-family: "HelveticaNeueLTPro-ThEx33" !important; }
.module-city-3-summary-info .small {
  font-family: "arial" !important; }

@media screen and (min-width: 1200px) {
  .module-city-3-summary-info .title {
    margin-left: -30px;
    opacity: 0; } }
#home {
  background: #e2e2e2;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #home {
      height: 360px;
      margin-top: 70px; } }
  #home .background-image, #home .background-image-city, #home .background-image-text {
    position: relative;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    background-position: 50%;
    position: absolute; }
  #home .background-image {
    background-image: url(../image/home-bike-bg.png); }
  #home .background-image-city {
    opacity: 0;
    background-image: url(../image/home-city-text-bg.png); }
    @media screen and (max-width: 767px) {
      #home .background-image-city {
        background-image: url("../image/home-city-text-bg-fallback.png");
        background-size: contain;
        background-position: 0 top; } }
  #home .background-image-text {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 55px;
    background-image: url(../image/home-bottom-tex-bg.png); }
  #home #annimate-tigger {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 1px; }
  #home .city-text {
    margin: 0 auto;
    opacity: 0; }
  #home .bottom-text {
    margin-top: 100px;
    opacity: 0; }
  #home .city-wrapper {
    position: absolute;
    top: 177px;
    left: 0;
    text-align: center;
    width: 100%; }

.header-wrapper {
  width: 100%;
  height: 100%;
  position: relative; }
  @media screen and (max-width: 767px) {
    .header-wrapper {
      height: 360px; } }
  .header-wrapper .home-header {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    background: #e2e2e2; }
    .header-wrapper .home-header.active {
      display: block;
      z-index: 100; }
    .header-wrapper .home-header.top {
      z-index: 200; }

#city-header #home .background-image {
  background-image: url(../image/home-bike-bg.png); }
#city-header #home .background-image-city {
  background-image: url(../image/home-city-text-bg.png); }
  @media screen and (max-width: 767px) {
    #city-header #home .background-image-city {
      background-image: url("../image/home-city-text-bg-fallback.png");
      background-size: contain;
      background-position: 0 top; } }

#sport-header #home .background-image {
  background-image: url(../image/home-bike-sport-bg.png); }
#sport-header #home .background-image-city {
  background-image: url(../image/home-sport-text-bg.png); }
  @media screen and (max-width: 767px) {
    #sport-header #home .background-image-city {
      background-image: url("../image/home-sport-text-bg-fallback.png");
      background-size: contain;
      background-position: 0 top; } }

#touring-header #home .background-image {
  background-image: url(../image/home-bike-touring-bg.png); }
#touring-header #home .background-image-city {
  background-image: url(../image/home-touring-text-bg.png); }
  @media screen and (max-width: 767px) {
    #touring-header #home .background-image-city {
      background-image: url("../image/home-touring-text-bg-fallback.png");
      background-size: contain;
      background-position: 0 top; } }

#performance-header #home .background-image {
  background-image: url(../image/home-bike-performance-bg.png); }
#performance-header #home .background-image-city {
  background-image: url(../image/home-performance-text-bg.png); }
  @media screen and (max-width: 767px) {
    #performance-header #home .background-image-city {
      background-image: url("../image/home-performance-text-bg-fallback.png");
      background-size: contain;
      background-position: 0 top; } }

#customize-header #home .background-image {
  background-image: url(../image/home-customer-bg.png); }
#customize-header #home .background-image-city {
  background-image: none; }
#customize-header #home .background-image-text {
  display: none; }

.tabbar-container {
  position: relative;
  z-index: 840; }
  .tabbar-container .tabbar-wrapper {
    position: relative;
    background-color: transparent;
    -webkit-transition: height 150ms ease-out;
    transition: height 150ms ease-out;
    z-index: 800; }
    .tabbar-container .tabbar-wrapper .tabbar {
      background-color: #fff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
      color: #323237; }
      .tabbar-container .tabbar-wrapper .tabbar a {
        margin: 0 -1px;
        display: block;
        font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center;
        color: #323237;
        padding: 39px 0 37px;
        border-bottom: 0;
        overflow: hidden;
        -webkit-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        -webkit-transition-property: padding,background-color,color;
        transition-property: padding,background-color,color;
        white-space: nowrap; }
        .tabbar-container .tabbar-wrapper .tabbar a.customer {
          padding-top: 21px;
          padding-bottom: 19px; }
          .tabbar-container .tabbar-wrapper .tabbar a.customer img {
            margin: 0 auto; }
          .tabbar-container .tabbar-wrapper .tabbar a.customer .light {
            display: none; }
          .tabbar-container .tabbar-wrapper .tabbar a.customer .dark {
            display: block; }
        .tabbar-container .tabbar-wrapper .tabbar a.active, .tabbar-container .tabbar-wrapper .tabbar a:hover {
          color: #fff;
          display: block;
          text-decoration: none; }
          .tabbar-container .tabbar-wrapper .tabbar a.active.city, .tabbar-container .tabbar-wrapper .tabbar a:hover.city {
            background-color: #0069d2;
            border-left-color: #0069d2;
            border-right-color: #0069d2; }
          .tabbar-container .tabbar-wrapper .tabbar a.active.sport, .tabbar-container .tabbar-wrapper .tabbar a:hover.sport {
            background-color: #0069d2;
            border-left-color: #0069d2;
            border-right-color: #0069d2; }
          .tabbar-container .tabbar-wrapper .tabbar a.active.touring, .tabbar-container .tabbar-wrapper .tabbar a:hover.touring {
            background-color: #0069d2;
            border-left-color: #0069d2;
            border-right-color: #0069d2; }
          .tabbar-container .tabbar-wrapper .tabbar a.active.performance, .tabbar-container .tabbar-wrapper .tabbar a:hover.performance {
            background-color: #0069d2;
            border-left-color: #0069d2;
            border-right-color: #0069d2; }
          .tabbar-container .tabbar-wrapper .tabbar a.active.customer, .tabbar-container .tabbar-wrapper .tabbar a:hover.customer {
            background-color: #0069d2;
            border-left-color: #0069d2;
            border-right-color: #0069d2; }
            .tabbar-container .tabbar-wrapper .tabbar a.active.customer .tool-wrapper, .tabbar-container .tabbar-wrapper .tabbar a:hover.customer .tool-wrapper {
              text-align: center; }
            .tabbar-container .tabbar-wrapper .tabbar a.active.customer .light, .tabbar-container .tabbar-wrapper .tabbar a:hover.customer .light {
              display: block; }
            .tabbar-container .tabbar-wrapper .tabbar a.active.customer .dark, .tabbar-container .tabbar-wrapper .tabbar a:hover.customer .dark {
              display: none; }
        .tabbar-container .tabbar-wrapper .tabbar a i {
          display: none; }
      .tabbar-container .tabbar-wrapper .tabbar .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px; }
        @media screen and (min-width: 768px) {
          .tabbar-container .tabbar-wrapper .tabbar .container {
            width: 750px; } }
        @media screen and (min-width: 992px) {
          .tabbar-container .tabbar-wrapper .tabbar .container {
            width: 970px; } }
        @media screen and (min-width: 1200px) {
          .tabbar-container .tabbar-wrapper .tabbar .container {
            width: 1170px; } }
        .tabbar-container .tabbar-wrapper .tabbar .container .row div {
          padding: 0px; }
    .tabbar-container .tabbar-wrapper.fixed .tabbar {
      position: fixed;
      width: 100%;
      margin-top: 55px; }
      .tabbar-container .tabbar-wrapper.fixed .tabbar .row div a {
        padding: 12px 0px; }
    .tabbar-container .tabbar-wrapper.fixed .tool-wrapper {
      display: none; }
    .tabbar-container .tabbar-wrapper .icon-close {
      display: block;
      cursor: pointer;
      color: #fff;
      position: absolute;
      top: 0;
      right: 0;
      padding: 22px 17px; }
  .tabbar-container .close-icon {
    display: none; }
  @media screen and (max-width: 767px) {
    .tabbar-container .tabbar-wrapper.fixed .tabbar {
      margin-top: 0; }
    .tabbar-container .tabbar-wrapper .tabbar a {
      display: none;
      padding: 13px 15px 12px;
      border: none; }
      .tabbar-container .tabbar-wrapper .tabbar a.active {
        display: block; }
        .tabbar-container .tabbar-wrapper .tabbar a.active.city {
          background-color: #0069d2;
          border-left-color: #0069d2;
          border-right-color: #0069d2; }
      .tabbar-container .tabbar-wrapper .tabbar a span {
        float: left; }
      .tabbar-container .tabbar-wrapper .tabbar a i {
        float: right;
        display: inline-block; }
    .tabbar-container .tabbar-wrapper .tabbar .container {
      position: relative;
      padding: 0; }
      .tabbar-container .tabbar-wrapper .tabbar .container .row {
        margin: 0;
        height: auto; }
        .tabbar-container .tabbar-wrapper .tabbar .container .row .col-xs-12 {
          position: absolute;
          padding: 0; }
        .tabbar-container .tabbar-wrapper .tabbar .container .row .col-sm-3 {
          border: none;
          padding: 0; }
    .tabbar-container.cloned .tabbar-wrapper .tabbar .container .row .col-xs-12 {
      position: relative; } }
  .tabbar-container.cloned {
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 100%; }
    .tabbar-container.cloned .tool-wrapper {
      display: none; }
    .tabbar-container.cloned .tabbar-wrapper {
      height: 100%;
      display: table; }
      .tabbar-container.cloned .tabbar-wrapper .tabbar {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        border: none;
        background-color: transparent; }
        .tabbar-container.cloned .tabbar-wrapper .tabbar .col-xs-12 {
          position: relative; }
        .tabbar-container.cloned .tabbar-wrapper .tabbar a {
          font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
          font-weight: 200;
          font-style: normal;
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 1;
          color: #fff;
          background-color: transparent;
          display: block;
          text-align: center;
          border: none;
          margin: 5px 0;
          float: none; }
          .tabbar-container.cloned .tabbar-wrapper .tabbar a span {
            float: none; }
          .tabbar-container.cloned .tabbar-wrapper .tabbar a i {
            display: none; }
      .tabbar-container.cloned .tabbar-wrapper .close-icon {
        display: block;
        cursor: pointer;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 24px;
        padding: 22px 17px; }
    .tabbar-container.cloned.city {
      background: #0069d2; }
    .tabbar-container.cloned.sport {
      background: #0069d2; }
    .tabbar-container.cloned.touring {
      background: #0069d2; }
    .tabbar-container.cloned.performance {
      background: #0069d2; }
    .tabbar-container.cloned.customer {
      background: #0069d2; }

.vertical-center-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.close-video-modal {
  border-bottom: none;
  position: absolute;
  top: 21px;
  right: 30px; }
  .close-video-modal i {
    font-size: 32px;
    color: #c1c1c3; }

.vertical-center-simple {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.playBtnContainer {
  margin-top: 10px;
  width: 100%;
  height: 52px;
  display: inline-block;
  position: relative;
  overflow: hidden; }

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.module-city-2-clean-video {
  position: relative;
  background: #000;
  text-align: center; }
  .module-city-2-clean-video .btn-translucent {
    display: none;
    position: absolute;
    width: 270px;
    bottom: 15%;
    left: 50%;
    margin-left: -135px;
    color: #323237;
    background-color: #fff;
    opacity: .6;
    transition: opacity 250ms ease; }
    @media screen and (max-width: 767px) {
      .module-city-2-clean-video .btn-translucent {
        display: block; } }
    .module-city-2-clean-video .btn-translucent:hover {
      opacity: .9; }
  .module-city-2-clean-video img {
    width: 100%;
    height: auto; }
  .module-city-2-clean-video .fallback {
    display: none; }
  .module-city-2-clean-video .video_hero .container {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 820;
    top: 0;
    background-size: contain;
    background-position: center center; }
  @media screen and (max-width: 767px) {
    .module-city-2-clean-video .video_hero {
      display: none; } }
  .module-city-2-clean-video .video_hero h2 {
    padding: 13px 0;
    color: #fff !important;
    font-size: 45px;
    line-height: 42px;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 35%;
    width: 355px;
    height: 90px;
    margin-top: -70px !important;
    margin-left: -220px;
    font-family: 'flama-condensed-bold',sans-serif; }
  .module-city-2-clean-video .video_hero .heroPlayBtn {
    width: 180px;
    height: 180px;
    border: 2px solid #fff;
    border-radius: 90px; }
    .module-city-2-clean-video .video_hero .heroPlayBtn .playBtnLayer {
      letter-spacing: 2px;
      transition: all .5s;
      width: 164px;
      position: absolute;
      left: 30px; }
      .module-city-2-clean-video .video_hero .heroPlayBtn .playBtnLayer div {
        float: left;
        height: 52px;
        line-height: 52px;
        font-size: 52px;
        font-weight: bold;
        transition: 1s; }
        .module-city-2-clean-video .video_hero .heroPlayBtn .playBtnLayer div:first-child {
          width: 112px;
          opacity: 1;
          height: 48px;
          padding-top: 4px;
          line-height: 20px;
          font-size: 18px;
          font-weight: bold;
          font-family: "graphik-black-italic","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
        .module-city-2-clean-video .video_hero .heroPlayBtn .playBtnLayer div:last-child {
          width: 52px;
          opacity: 0; }
    .module-city-2-clean-video .video_hero .heroPlayBtn:hover .playBtnLayer {
      left: -54px;
      color: #fff; }
      .module-city-2-clean-video .video_hero .heroPlayBtn:hover .playBtnLayer div:first-child {
        opacity: 0; }
      .module-city-2-clean-video .video_hero .heroPlayBtn:hover .playBtnLayer div:last-child {
        opacity: 1; }
  .module-city-2-clean-video .video_hero a {
    margin: auto;
    color: #fff;
    font-style: italic; }
  @media screen and (max-width: 767px) {
    .module-city-2-clean-video .standard {
      display: none; }
    .module-city-2-clean-video .fallback {
      display: block; } }

/* video modal */
.video-modal {
  display: none;
  z-index: 20000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.95); }
  .video-modal .container {
    height: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1;
  margin-top: 24px;
  margin-bottom: 24px; }

p, ol, dl, pre, table, blockquote {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "graphik-light","Microsoft YaHei","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  margin-top: 24px;
  margin-bottom: 24px; }

.container:after {
  clear: both; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
.module-city-3-summary-info {
  background: #0069d2; }

@media (min-width: 768px) and (max-width: 991px) {
  .state-fallback .module-city-3-summary-info .container {
    width: 100%; } }
@media (max-width: 767px) {
  .state-fallback .module-city-3-summary-info .container {
    width: 100%; } }
.module-city-3-summary-info .col-md-4 {
  border-left: 1px solid #0074d7;
  border-right: 1px solid #0074d7;
  outline: none; }

.state-fallback .module-city-3-summary-info .col-md-4 {
  border: none; }

.module-city-3-summary-info .col-md-4 .title {
  color: #fff; }

.state-fallback .module-city-3-summary-info .col-md-4 .title {
  opacity: 1; }

.module-city-3-summary-info .col-md-4 .body {
  color: #00d7ff; }

.module-city-3-summary-info .col-md-4 .description {
  color: #fff; }

.module-city-3-summary-info .slick-dots li.slick-active button:before {
  color: #00d7ff; }

.module-city-3-summary-info .slick-dots li:hover button:before {
  color: #00d7ff; }

.module-summary-info {
  position: relative;
  background: #0069d2;
  overflow: hidden;
  padding: 48px 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .module-summary-info {
    padding: 48px 0 60px; } }
@media (max-width: 767px) {
  .module-summary-info {
    padding: 48px 0 60px; } }
.module-summary-info .container {
  padding: 0; }

.module-summary-info .row {
  height: 100%; }

.module-summary-info .row .col-md-4 {
  height: 100%; }

.module-summary-info .row .col-md-4:first-child {
  border-left: 0; }

.module-summary-info .row .col-md-4:last-child {
  border-right: 0; }

.module-summary-info .row .col-md-4 .title {
  opacity: 0;
  position: relative;
  height: 24px;
  font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 32px;
  line-height: 1;
  text-align: center; }

html[lang=zh-TW] .module-summary-info .row .col-md-4 .title {
  font-family: "xingothic-w3", "Microsoft JhengHei", "STHeiti"; }

@media (max-width: 767px) {
  .module-summary-info .row .col-md-4 .title {
    font-size: 24px;
    opacity: 1; } }
.module-summary-info .row .col-md-4 .body {
  position: relative;
  margin-top: 24px;
  padding: 0 15px;
  text-align: center; }

@media (min-width: 768px) and (max-width: 991px) {
  .module-summary-info .row .col-md-4 .body {
    margin-top: 24px;
    padding: 0 25px; } }
@media (max-width: 767px) {
  .module-summary-info .row .col-md-4 .body {
    margin-top: 24px;
    padding: 0 25px; } }
.module-summary-info .row .col-md-4 .body .big, .module-summary-info .row .col-md-4 .body .small {
  display: inline-block; }

.module-summary-info .row .col-md-4 .body .big {
  font-family: "flama-semicondensed-ultralight","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 130px;
  line-height: 0.8; }

@media (max-width: 767px) {
  .module-summary-info .row .col-md-4 .body .big {
    font-size: 138px; } }
.module-summary-info .row .col-md-4 .body .small {
  margin-left: 10px;
  font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-align: left; }

html[lang=zh-TW] .module-summary-info .row .col-md-4 .body .small {
  font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
  font-weight: 500; }

.module-summary-info .row .col-md-4 .body .small sup {
  position: relative;
  vertical-align: top;
  font-size: 9px;
  line-height: 27px; }

.module-summary-info .row .col-md-4 .description {
  font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  margin-top: 24px;
  padding: 0 15px;
  text-align: center; }

html[lang=zh-TW] .module-summary-info .row .col-md-4 .description {
  font-family: "xingothic-w3", "Microsoft JhengHei", "STHeiti"; }

@media (max-width: 767px) {
  .module-summary-info .row .col-md-4 .description {
    padding: 0 25px;
    margin-top: 24px; } }
.module-summary-info .slick-dots {
  position: absolute;
  bottom: -36px;
  margin: 0; }

.vertical-center-container {
  height: 100%;
  width: 100%;
  display: table; }

.vertical-center-container > .row {
  height: 100%; }

.module-image-hero .content-overlay {
  position: relative;
  z-index: 5; }

.vertical-center {
  display: table-cell;
  vertical-align: middle; }

.content-overlay {
  position: relative;
  z-index: 5; }

.text-center {
  text-align: center; }

@media (min-width: 992px) {
  .col-md-12 {
    width: 100%; } }
.module-city-4-performance-hero {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  background-color: #d1d5d4;
  color: #fff; }

.module-city-4-performance-hero:before {
  content: "";
  float: left; }

.module-city-4-performance-hero:after {
  content: "";
  display: table;
  clear: both; }

.module-city-4-performance-hero .container {
  position: relative;
  height: 100%; }

.module-city-4-performance-hero .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-position: 50% 50%; }

@media (max-width: 767px) {
  .module-city-4-performance-hero .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    left: 0;
    margin-left: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .module-city-4-performance-hero .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    left: 0;
    margin-left: 0; } }
@media (max-width: 767px) {
  .module-city-4-performance-hero .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    left: 0;
    margin-left: 0; } }
.module-image-hero h3 {
  font-family: "flama-condensed-bold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 100px;
  line-height: .8;
  text-transform: uppercase;
  text-align: left;
  opacity: 0; }

.break {
  display: block; }

@media (max-width: 767px) {
  .module-image-hero {
    height: 320px !important; }

  .module-image-hero h3 {
    width: 100%;
    font-size: 38px;
    text-align: center; } }
@media (max-width: 991px) and (min-width: 768px) {
  .module-image-hero h3 {
    width: 100%;
    font-size: 120px;
    font-size: 12rem;
    text-align: center; } }
.module-smarter-4a-ride-smart {
  width: 100%;
  position: relative;
  overflow: hidden;
  position: relative;
  color: #fff; }
  .module-smarter-4a-ride-smart section {
    width: 100%;
    height: 600px;
    position: relative; }
    .module-smarter-4a-ride-smart section p {
      font-size: 16px; }
  .module-smarter-4a-ride-smart #city-7-section-1 {
    background: #00d7ff; }
  .module-smarter-4a-ride-smart #city-7-section-2 {
    background: #fff;
    color: #323237; }
  .module-smarter-4a-ride-smart #city-7-section-3 {
    background: #efefef;
    color: #323237; }
  .module-smarter-4a-ride-smart #city-7-section-4 {
    background: #fff;
    color: #323237; }

.module-smarter-4a-ride-smart .container {
  position: relative;
  height: 100%; }

.max-height {
  height: 100%; }

.module-smarter-4a-ride-smart .background-image {
  height: 600px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-size: 1280px 600px; }
  .module-smarter-4a-ride-smart .background-image img {
    width: auto;
    height: 100%;
    float: right; }

#footer-sitemap {
  position: relative;
  font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  height: 100px;
  background-color: #3d3c42;
  text-align: center; }

html[lang=zh-TW] #footer-sitemap {
  font-family: "xingothic-w8", "Microsoft JhengHei", "STHeiti"; }

#footer-sitemap .container .row {
  text-align: center;
  margin-top: 25px; }

#footer-sitemap .container .row .links-wrap {
  display: inline-block;
  width: 150px;
  padding-top: 15px;
  float: none; }

#footer-sitemap .container .row .links-wrap.last {
  padding-top: 0; }

#footer-sitemap .container .row .links-wrap a {
  font-size: 16px;
  text-transform: initial;
  text-decoration: none;
  border-bottom: none;
  color: #b8bcbf;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

#footer-sitemap .container .row .links-wrap a:hover {
  color: #fff; }

@media (min-width: 768px) and (max-width: 991px) {
  #footer-sitemap {
    height: auto;
    padding-bottom: 25px; }

  #footer-sitemap .container .row .links-wrap {
    width: 135px;
    float: left; } }
@media (max-width: 767px) {
  #footer-sitemap {
    height: auto; }

  #footer-sitemap .container .row {
    padding-bottom: 25px; }

  #footer-sitemap .container .row .links-wrap {
    width: 100%;
    float: left;
    padding-top: 0;
    height: 50px; }

  #footer-sitemap .container .row .links-wrap .wrapper-dropdown {
    left: 50%;
    margin-left: -75px; } }
.wrapper-dropdown {
  font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  width: 200px;
  margin: 0;
  padding: 8px 15px;
  z-index: 100;
  background: #646368;
  border-radius: 30px;
  cursor: pointer;
  outline: none; }

html[lang=zh-TW] .wrapper-dropdown {
  font-family: "xingothic-w8", "Microsoft JhengHei", "STHeiti"; }

.wrapper-dropdown.dropdown--light-gray {
  background: #f1f3f3; }

.wrapper-dropdown.dropdown--white {
  background: #fff; }

.wrapper-dropdown.dropdown--sm {
  width: 100px; }

.wrapper-dropdown.dropdown--lsm {
  width: 150px; }

.wrapper-dropdown.dropdown--lrsm {
  width: 160px; }

.wrapper-dropdown.dropdown--md {
  width: 200px; }

.wrapper-dropdown.dropdown--lmd {
  width: 250px; }

.wrapper-dropdown.dropdown--lg {
  width: 300px; }

.wrapper-dropdown.dropdown--w100p {
  width: 100%; }

.wrapper-dropdown.dropdown--inline-block {
  margin-right: 20px;
  display: inline-block; }

.wrapper-dropdown.dropdown--inline-block:last-child {
  margin-right: 0; }

.wrapper-dropdown:after {
  opacity: .5;
  filter: alpha(opacity=50);
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 40px; }

.wrapper-dropdown.active {
  background: #646368;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  color: #b8bcbf; }

.wrapper-dropdown.active i:after {
  opacity: .8;
  filter: alpha(opacity=80); }

.wrapper-dropdown.active .dropdown {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  max-height: 400px; }

.wrapper-dropdown .dropdown-header {
  position: relative;
  z-index: 91;
  padding-left: 15px;
  font-size: 16px;
  color: #b8bcbf;
  text-align: left; }

.wrapper-dropdown .dropdown-header {
  position: relative;
  z-index: 91;
  padding-left: 15px;
  font-size: 16px;
  color: #b8bcbf;
  text-align: left; }

.wrapper-dropdown.dropdown--sm .dropdown-header {
  padding-left: 5px; }

.wrapper-dropdown .dropdown {
  border-radius: 20px;
  background-color: transparent;
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 90;
  background: #646368;
  border-top: none;
  border-bottom: none;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  max-height: 0;
  overflow: hidden; }

.wrapper-dropdown .dropdown li {
  padding: 0 15px; }

.wrapper-dropdown .dropdown li:first-child {
  padding-top: 25px; }

.wrapper-dropdown .dropdown li:last-child {
  margin-bottom: 20px; }

.wrapper-dropdown .dropdown li a {
  font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  text-decoration: none;
  text-align: left;
  color: #b8bcbf;
  padding: 0;
  border: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

html[lang=zh-TW] .wrapper-dropdown .dropdown li a {
  font-family: "xingothic-w8", "Microsoft JhengHei", "STHeiti"; }

.wrapper-dropdown .dropdown li a:hover {
  color: #fff; }

.wrapper-dropdown .dropdown li:last-of-type a {
  border: none; }

.wrapper-dropdown .dropdown li:hover a {
  font-style: normal;
  border: none; }

.wrapper-dropdown .dropdown li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle; }

.wrapper-dropdown .icon-arrow-down {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 15px; }

.wrapper-dropdown.dropdown--sm .icon-arrow-down {
  right: 5px; }

#city .module-city-4-performance-hero h3 {
  font-size: 60px;
  line-height: 1.1em; }
  #city .module-city-4-performance-hero h3 .break {
    font-family: inherit; }

#sport .module-city-4-performance-hero h3, #performance .module-city-4-performance-hero h3, #touring .module-city-4-performance-hero h3 {
  font-size: 60px;
  color: #00d7ff;
  line-height: 1.1em; }

@media screen and (max-width: 767px) {
  #sport .module-city-4-performance-hero h3, #performance .module-city-4-performance-hero h3, #touring .module-city-4-performance-hero h3, #city .module-city-4-performance-hero h3 {
    font-size: 24px; } }
.module-city-5, .module-city-6 {
  display: flex;
  align-items: center; }
  .module-city-5 h2, .module-city-6 h2 {
    text-align: left;
    font-size: 40px;
    line-height: 48px;
    color: #323237;
    opacity: 0;
    font-family: "HelveticaNeueLTPro-ThEx33"; }
    .module-city-5 h2 .break, .module-city-6 h2 .break {
      font-family: "HelveticaNeueLTPro-ThEx33";
      line-height: 48px; }
  .module-city-5 p, .module-city-6 p {
    text-align: left;
    font-size: 22px;
    color: #323237;
    opacity: 0; }
  @media screen and (max-width: 767px) {
    .module-city-5, .module-city-6 {
      height: 360px; }
      .module-city-5 h2, .module-city-6 h2 {
        font-size: 24px !important; }
      .module-city-5 p, .module-city-6 p {
        font-size: 16px !important; } }

#touring .module-city-5 .text-center, #touring .module-city-6 .text-center {
  margin-top: -200px; }
  @media screen and (max-width: 767px) {
    #touring .module-city-5 .text-center, #touring .module-city-6 .text-center {
      margin-top: 0px; } }

.module-tuijian {
  background: #fff; }
  @media screen and (max-width: 767px) {
    .module-tuijian {
      height: auto; } }
  .module-tuijian .container-full {
    width: 100%;
    height: 100%; }
    .module-tuijian .container-full .big-image-wrapper,
    .module-tuijian .container-full .prod-list-wrapper {
      width: 50%;
      height: 100%;
      float: left; }
      @media screen and (max-width: 767px) {
        .module-tuijian .container-full .big-image-wrapper,
        .module-tuijian .container-full .prod-list-wrapper {
          width: 100%; } }
    .module-tuijian .container-full .prod-list-wrapper .title {
      text-align: center; }
      .module-tuijian .container-full .prod-list-wrapper .title span {
        font-size: 24px;
        line-height: 60px;
        color: #323237;
        font-family: "HelveticaNeueLTPro-ThEx33"; }
      .module-tuijian .container-full .prod-list-wrapper .title a {
        float: right;
        margin-right: 30px;
        line-height: 34px;
        font-size: 16px;
        background: #00d7ff;
        padding: 0 30px;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        margin-top: 10px; }
    .module-tuijian .container-full .prod-list-wrapper .prod-list {
      color: #323237; }
      .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item {
        width: 50%;
        float: left;
        height: 367px;
        cursor: pointer;
        border-top: 1px solid #e5e5e5; }
        .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item img {
          transition: all .3s; }
        .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item:hover img {
          transform: scale(1.2); }
        .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item:hover .bike-name-link {
          color: #fff !important;
          background: #00d7ff; }
        @media screen and (max-width: 767px) {
          .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item {
            width: 100%; } }
        .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item:nth-child(even) {
          border-left: 1px solid #e5e5e5; }
        .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item .prod-entry {
          width: 100%;
          padding-top: 50px;
          text-align: center; }
          .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item .prod-entry .bike-name {
            text-align: center;
            padding-top: 30px; }
            .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item .prod-entry .bike-name .bike-name-link {
              color: #323237;
              font-size: 16px;
              line-height: 36px;
              display: inline-block;
              padding: 0 50px;
              border: 1px solid #00d7ff;
              cursor: pointer;
              text-decoration: none; }
              .module-tuijian .container-full .prod-list-wrapper .prod-list li.list-item .prod-entry .bike-name .bike-name-link:hover {
                color: #fff;
                background: #00d7ff; }

#big-image-link {
  display: inline-block;
  width: 100%;
  height: 100%; }

.module-city-6 h2 {
  font-size: 100px; }
.module-city-6 p {
  font-size: 40px;
  font-family: "flama-condensed-semibold"; }
.module-city-6 h2, .module-city-6 p {
  text-align: center;
  color: #fff; }

.module-smarter-4a-ride-smart h2 {
  font-family: "HelveticaNeueLTPro-ThEx33", "Microsoft YaHei" !important;
  font-size: 24px; }
.module-smarter-4a-ride-smart .background-image {
  overflow: hidden; }
.module-smarter-4a-ride-smart ul.slick-dots {
  bottom: 10px;
  padding-left: 30px;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .module-smarter-4a-ride-smart ul.slick-dots {
      text-align: center; } }
.module-smarter-4a-ride-smart .slick-dots li button:before {
  font-size: 12px; }
.module-smarter-4a-ride-smart.slick-slider {
  margin-bottom: 0px; }

@media screen and (max-width: 767px) {
  .module-smarter-4a-ride-smart {
    height: auto;
    width: 100%; }
    .module-smarter-4a-ride-smart section {
      height: auto; }
      .module-smarter-4a-ride-smart section .background-image img {
        width: auto;
        height: 360px; }
    .module-smarter-4a-ride-smart .offset-top-xs {
      padding-top: 350px;
      text-align: center; } }
@media (max-width: 991px) and (min-width: 768px) {
  .module-smarter-4a-ride-smart section {
    height: auto; }
  .module-smarter-4a-ride-smart .container {
    width: 100%;
    margin: 0;
    padding: 0px; }
    .module-smarter-4a-ride-smart .container .offset-top-xs {
      padding-top: 600px;
      text-align: center; } }
.news-pp {
  float: left;
  width: 33.3%;
  color: #333;
  background: #e6e5e6;
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .news-pp {
      width: 100%; } }
  .news-pp img {
    width: 100%; }
  .news-pp .desc {
    padding: 0 50px; }
    .news-pp .desc p {
      font-size: 16px;
      text-align: center;
      color: #333333;
      font-family: "HelveticaNeueLTPro-ThEx33"; }
  .news-pp .act {
    text-align: center;
    margin-top: 30px; }
    .news-pp .act a {
      display: inline-block;
      border: 1px solid #00d7ff;
      cursor: pointer;
      text-decoration: none;
      padding: 0 30px;
      line-height: 36px;
      font-family: "HelveticaNeueLTPro-ThEx33";
      font-size: 16px; }
      .news-pp .act a:hover {
        color: #fff;
        background: #00d7ff; }

.module_city_8 {
  background: url(../image/city-8-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 800px;
  position: relative; }
  .module_city_8 .container {
    height: 100%; }
    .module_city_8 .container .time-line {
      margin-top: 120px; }
      .module_city_8 .container .time-line .pod img {
        margin-top: 50px; }
      .module_city_8 .container .time-line .pod:focus {
        outline: none; }
      .module_city_8 .container .time-line .pod h3 {
        font-size: 40px;
        margin-bottom: 0px;
        font-family: "HelveticaNeueLTPro-ThEx33"; }
      .module_city_8 .container .time-line .pod p {
        font-size: 16px;
        margin-top: 10px;
        font-family: "HelveticaNeueLTPro-ThEx33"; }
    .module_city_8 .container .fa-chevron-left, .module_city_8 .container .fa-chevron-right {
      position: absolute;
      top: 50%;
      left: 0;
      font-size: 60px;
      margin-left: -40px;
      cursor: pointer;
      opacity: 0.4;
      transition: color .3s;
      color: #00d7ff;
      margin-top: 22px; }
      .module_city_8 .container .fa-chevron-left:hover, .module_city_8 .container .fa-chevron-right:hover {
        opacity: 0.8; }
    .module_city_8 .container .fa-chevron-right {
      right: 0;
      left: auto;
      margin-right: -30px; }
  .module_city_8 .time-line-bg, .module_city_8 .year-line {
    width: 100%; }
  .module_city_8 .time-line-bg {
    margin-top: -360px;
    height: 54px;
    background: url(../image/city-8-time-line-bg.png) repeat-x; }
  .module_city_8 .year-line-wrapper {
    background: #fff; }
  .module_city_8 .year-line {
    background: #fff;
    height: 60px;
    text-align: center; }
    .module_city_8 .year-line .year {
      line-height: 60px;
      margin-right: 200px;
      cursor: pointer;
      font-size: 24px;
      color: #323237;
      white-space: nowrap; }
      .module_city_8 .year-line .year.active {
        color: #00d7ff; }
  @media screen and (max-width: 767px) {
    .module_city_8 {
      height: auto;
      padding: 20px 0;
      background: #0069d2;
      color: #fff; }
      .module_city_8 .container .time-line {
        margin-top: 0; }
        .module_city_8 .container .time-line .col-md-4 {
          text-align: center; }
          .module_city_8 .container .time-line .col-md-4 img {
            margin-top: 0;
            width: 100%;
            height: auto; }
        .module_city_8 .container .time-line .col-md-8 {
          text-align: center; }
          .module_city_8 .container .time-line .col-md-8 h3 {
            font-size: 24px; }
          .module_city_8 .container .time-line .col-md-8 p {
            font-size: 16px; }
        .module_city_8 .container .time-line .slick-dots li.slick-active button:before {
          color: #00d7ff; } }

.module_city_9 {
  position: relative;
  width: 100%;
  background: url(../image/city-9-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 898px;
  color: #323237; }
  .module_city_9 .animated-9 {
    opacity: 0; }
  .module_city_9 .row {
    padding-top: 651px; }
  .module_city_9 h3 {
    font-size: 18px; }
  .module_city_9 h2 {
    font-size: 46px;
    margin: 18px 0;
    font-family: "HelveticaNeueLTPro-ThEx33"; }
  .module_city_9 p {
    font-size: 16px; }
  .module_city_9 a {
    display: inline-block;
    background-color: yellow;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: all .3s; }
    .module_city_9 a:hover {
      transform: scale(1.1);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 767px) {
    .module_city_9 {
      height: 360px;
      background: #e6e5e6;
      text-align: center; }
      .module_city_9 .row {
        padding-top: 40px; }
      .module_city_9 h3 {
        font-size: 18px; }
      .module_city_9 h2 {
        font-size: 24px;
        margin: 18px 0; } }

.row-full {
  width: 100%; }

.news-slide {
  width: 25%;
  float: left;
  overflow: hidden;
  position: relative;
  transition: all .5s;
  height: 440px;
  background: url("../image/_bc.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .news-slide {
      width: 100%; }
      .news-slide .mask {
        display: none; } }
  .news-slide .bg {
    border: 0px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
  .news-slide .text-cnt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center; }
    .news-slide .text-cnt .t1 {
      font-size: 24px; }
    .news-slide .text-cnt .t2, .news-slide .text-cnt .t3 {
      font-size: 16px;
      color: #fff; }
    .news-slide .text-cnt .r-more {
      display: none;
      padding-top: 80px;
      text-align: center; }
      .news-slide .text-cnt .r-more a {
        display: inline-block;
        background: #00d7ff;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        line-height: 40px;
        padding: 0 30px;
        cursor: pointer; }
  .news-slide.active {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .news-slide.active {
        width: 100%; } }
    .news-slide.active .mask {
      display: none; }
    .news-slide.active .t1 {
      font-size: 36px; }
    .news-slide.active .t2, .news-slide.active .t3 {
      font-size: 32px; }
    .news-slide.active .r-more {
      display: block; }
  .news-slide .mask {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.news-sections .row-full.slick-initialized.slick-slider {
  margin-bottom: 0px; }

#main-footer {
  position: relative;
  display: block;
  background-color: #323237;
  color: #b9bcbf;
  font-size: 12px;
  text-align: center;
  padding: 80px 0; }
  #main-footer #keetmeinformed {
    display: inline-block;
    background-color: yellow;
    font-family: "HelveticaNeueLTPro-ThEx33";
    padding: 10px 50px;
    line-height: 42px;
    border-radius: 35px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    transition: all .3s;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 53px; }
    #main-footer #keetmeinformed:hover {
      transform: scale(1.1);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
  #main-footer .disclaimer p {
    font-size: 12px; }
  #main-footer .copy-right {
    margin-top: 20px; }
    #main-footer .copy-right p {
      font-size: 12px;
      margin: 0; }

#dropdown--i18n .icon-arrow-down {
  background: url(../image/arrow-down-footer.png) no-repeat 0 bottom;
  display: inline-block;
  width: 18px;
  height: 12px; }
